<template>
  <div id="app">
    <!-- 一级路由的容身之处 -->
    <router-view/>
  </div>
</template>
<style lang="stylus">
@import './utils/styl/mixin.styl'
#app
  font-family 'Avenir', Helvetica, Arial, sans-serif
  -webkit-font-smoothing antialiased
  -moz-osx-font-smoothing grayscale
  text-align center
  color #2c3e50
.router-link-exact-active
  i
    color $tabBarActive !important

// 替换日历组件样式
.wh_content_all
  background-color $calendarBg !important
  border-radius rem(5)
  border rem(1) solid $calendarColor
  .wh_jiantou1,
  .wh_jiantou2
    border-color transparent !important
  .wh_content_item
    .wh_other_dayhide
      color $tabBarColor !important
  div.wh_content:nth-of-type(2)
    background-color $bodyBg
  .wh_content
    width 90% !important
    padding 0 6% !important
    justify-content space-around
    .wh_item_date
      width rem(30)
      height rem(30)
      line-height rem(30)
    .wh_content_item
      .wh_isToday
        background transparent !important
      .wh_chose_day,
      .wh_isMark
        background-color $btnColor !important
</style>
